* {margin:0;padding:0;font-family:arial;}

html {position:relative;}

body{overflow-x:hidden;font-size:14px;}

ul,ol{margin:0;padding:0;list-style: none;}

.relative {position:relative;}

.absolute {position:absolute;}

.bold {font-weight: bold;}

.block {display:block;}

.center {margin:0 auto;}

.t_j {text-align: justify!important;}

.max-width-450 {max-width:450px;}

.max-width-600 {max-width:600px;}

.p10 {padding-top:10px;padding-bottom:10px;}

.p20 {padding-top:20px;padding-bottom:20px;}

.p-20 {padding-left:20px;padding-right:20px;}

.f12 {font-size:12px;}

.f16 {font-size:16px;}

.f20 {font-size:20px!important;}

.f32 {font-size:32px;}

.big {font-size:3.5rem;font-weight: bold;color:#0077d1;}

a {color:inherit;text-decoration:none!important;cursor :pointer;outline: none; 

   transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;-o-transition: all 0.5s;}

a:hover {color:inherit;}

.transition1s{ transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s; }

.color {color:#0077d1;}/*文字主色调*/

.color-b {color:#0077d1;}/*文字主色调*/

.bg-color {background-color: #0077d1;} /*背景主色调*/

/*------------通用分隔符------------*/



.more {display:block;float:right;line-height: 24px;}



#header {/*background:rgb(9,9,9,0.56);border-bottom:1px solid #ffffff70;*/padding-top:13px;position: absolute;top: 0;left: 0;width: 100%;z-index: 9;}

#top_tag {color:#fff;left:0px;top:0;}

#logo {text-align:center;padding:0;font-size:35px;font-weight:bold;color:#fff;padding-top:40px;line-height:40px; }
#logo small {font-size:20px;font-weight:normal;line-height: 32px;}

#top_tel {color:#ffe400;background:url(../Image/tel.png) no-repeat left center;padding-left:35px;height:50px;line-height:50px;right:0px;top:0;}

#top_tel b {font-size:23px;color:#ffe400;}



/*主菜单*/

.menu {float:right;margin-top:40px;font-size:1.5rem;text-align:right;padding:0;}

.menu li {transform: translateY(2px);display:inline-block;height:70px;width:11.5%;line-height: 70px;color:#fff;text-align:center;}

.menu li a {display:block;height:70px;}

.menu li a:hover {color:#fff;border-bottom:3px solid #fff;}

.menu li.active {color:#fff;border-bottom:3px solid #fff;}

/*主菜单*/



/*手机主导航*/

.m_menu {right:3%;top:11%;color:#00baff;}

.m_menu:hover {opacity:0.7;}

.m_panel {background:rgba(0,0,0,0.7);display:none;position:fixed;height:100%;width:100%;z-index:99999;right:0;top:0;}

#m_menu {width:0;height:100%;background-color:#fff;float:right;}

#m_menu li {width:100%; }

#m_menu li:first-child,#m_menu li:last-child {height:80px;width:100%;background-color:#fff; }

#m_menu li:last-child b {display:block;line-height:40px;text-align: center;font-size:24px;}

#m_menu li a {white-space:nowrap;line-height:45px;text-align:center;font-size:18px;color:#000;width:100%;display:block;}

#m_menu li a:hover {background:#0077d1;color:#fff;}

#m_menu li.active a{background:#0077d1;color:#fff;}

/*手机主导航*/



.in_banner {text-align:right;color:#fff;position:relative;overflow:hidden;height:300px;width:100%; z-index:8;}

.banner_bg {width:100%;height:100%;background:url(../Image/in_banner.jpg) no-repeat center top fixed;}

.page_tag {position:absolute;left:50%;line-height: 50px;bottom: 0;transform: translateX(-600px);}



.title {padding-top:20px;padding-bottom:20px;line-height: 24px;}





.index-01 {position:relative;background:url(../Image/in_01_bg.png) no-repeat center top;padding-top:131px;top:-131px;z-index:9999;}

.index-01 .title {background: url(../Image/icon.png) no-repeat left center;padding-left:30px;}

.index-01 .title b {color:#000;font-size:26px;}

.index-01 .title_content {text-align: justify;line-height: 28px;}

.index-01 .title_content li .imgDiv {overflow: hidden;}

.index-01 .title_content li .imgDiv img {width:100%;transition:all 0.4s;}

.index-01 .title_content li .imgDiv img:hover {transform:scale(1.04);}

.index-01 .title_content li span {font-size:16px;display:block;line-height: 25px;padding-top:20px;text-align: center;}

.index-01 .content .p_title {font-size:22px;padding:15px 0;font-weight:bold;}

.index-01 .content .p_content {padding:0 15px;height:40px;overflow:hidden;}



.in01_right>div {margin-top:-30px;padding-top:40px;padding-bottom:75px;background-color: #0077d1;-moz-transform: skewY(-5deg);-ms-transform: skewY(-5deg);-webkit-transform: skewY(-5deg);transform:skewY(-5deg);}

.in01_r_con {padding-left:10%;padding-right:10%;color:#fff;-moz-transform: skewY(5deg);-ms-transform: skewY(5deg);-webkit-transform: skewY(5deg);transform:skewY(5deg);}

.in01_r_con b {font-size:26px;display:block;    white-space: nowrap;}

.in01_r_con span {line-height:32px;}

.in01_msg {text-align: center;}

.in01_msg .name , 

.in01_msg .mobile{border-radius:30px;color:#000;padding:10px;padding-left:20%;margin:5px 0;border:none;width:100%;}



.in01_submit {background-color:#ffc925;color:#fff!important;border-radius:30px!important;width:100%!important;padding:10px;margin:5px 0;border:none;}







.index-02 {width:100%;min-height:867px;margin-top:-131px;background:url(../Image/in_02_bg.png) no-repeat;padding-top:196px;}

.index-02 .title b {color:#000;font-size:32px;display:block;text-align:center;margin-top:15px;}

.index-02 .swiper-slide {margin-top:0px!important;}

.index-02 .swiper-slide div {overflow: hidden;width: 100%;height: 100%;border:5px solid #fff;}

.index-02 .swiper-slide img {transition: 0.2s all;}

.index-02 .swiper-slide img:hover {transform: scale(1.04);}

.in02_l_tit {line-height: 50px;text-align: center;display:block;width:100%;font-size:16px;color:#fff;}

.in02_right ul {margin-top:30px;line-height: 42px;}

.in02_right li {transition:.3s all;box-sizing:border-box;border:1px solid #ffc925;font-size:16px;padding-left: 15px;line-height:35px;margin-top:10px;/*font-weight:bold;border:1px dashed #fff;*/background:url(../Image/li.png) left center no-repeat;padding-left:10%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.in02_right li:hover {color: #fff;border: 1px solid #fff;background-position-x:15px;padding-left:15%;transition:.3s all;}
.in02_right>div {margin-top:-50px;padding:20px 20px 200px 50px;background-color: #ffc925;-moz-transform: skewY(-5deg);-ms-transform: skewY(-5deg);-webkit-transform: skewY(-5deg);transform:skewY(-5deg);}

.in02_r_con {padding-top:40px;color:#272727;-moz-transform: skewY(5deg);-ms-transform: skewY(5deg);-webkit-transform: skewY(5deg);transform:skewY(5deg);}

.in02_r_con b {font-size:24px;}

.index-02 b {color:#272727;font-size:24px;}
.in02_protype {margin-top:40px;margin-bottom:30px;}
.in02_protype li {padding:10px;}
.in02_protype li div {color:#fff;text-align:center;overflow:hidden;text-overflow: ellipsis;white-space: nowrap; line-height:24px;font-size:16px;border: 1px dashed #fff;}





.index_03 {background:url(../Image/in_03_bg.png) center center no-repeat;background-size: 100% 100%;padding-top:65px;padding-bottom:60px;}

.index_03 b {font-size:40px;color:#0077d1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.index_03 p {font-size:22px;color:#0077d1;}

.index_03 li {line-height:45px;padding-top:10px;padding-left:35px;font-size: 18px;display:inline-block;background:url(../Image/in03_li.png) left top 20px no-repeat;white-space: nowrap; text-overflow: ellipsis;}
.index_03 li span {color:#ff0000;font-weight:600;}
.in03_right img {position: absolute;    right: -15px;/*top: -65px;*/}








.index_04 {padding:0;padding-top:30px;padding-bottom:12px;}

.index_04 .title {background: url(../Image/icon.png) no-repeat left center;padding-left:30px;}

.index_04 .title b {color:#000;font-size:26px;}

.index_04 li>div{padding:10px;border:1px solid #ccc;border-bottom:4px double #ccc;}

.index_04 li {margin-bottom:20px;}



.index_04 li i {transform: translateY(28px);color:#fff;float:right;display:block;font-size:18px;line-height:35px;text-align:center;width:35px;height:35px;background-color:#0077d1; }

.in04_tit {font-size:16px;line-height: 50px;border-bottom:1px dashed #aaa;display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.index_04 li p {margin-top:20px;line-height: 24px;height:48px;overflow: hidden;text-align:justify;}

.in04_date {line-height: 50px;color:#aaa;}

.in04_img {width:100%;height:187px;overflow: hidden;}

.in04_img img {transition: all 0.4s;}

.index_04 li a:hover .in04_tit {color:#0077d1;}

.index_04 li a:hover img {transform:scale(1.04);}

.index_04 li i:hover {background-color:#ffc925; }







/*页面底部*/

.footer {background:url(../Image/footer_bg.png) no-repeat top;padding-top:145px;padding-bottom:0px;color:#fff;}

.footer .content>a {font-size:16px;display:inline-block;line-height: 60px;margin-right:35px;}

.footer .content>a:hover {color:#ffc925;}

.footer .footer_msg {line-height: 30px;padding-top: 20px;    margin-bottom: 30px;margin-left:-15px;}

/*.footer .footer_msg>span {display:block;float:left;}*/

.footer .footer_msg li {display:inline-block;}

.footer .ewm {position:absolute;bottom:30px;right:0;}

.footer .ewm span {display:block;text-align: center;line-height:40px;}

.footer-bottom {width:100%;line-height: 40px;background-color:#000;color:#999;text-align:center;}

    .page-margin {height:70px;}/*空出底部导航距离*/

    /*底部导航*/

    #page-footer ul li {width:25%;}

    .page-footer {z-index:9999;background-color: #0077d1;position: fixed;bottom: 0;left:0;width: 100%;margin:0;}

    .page-footer li {float:left;height:70px;line-height:50px;text-align: center;padding:10px 0;}

    .page-footer li a {width:100%;height:100%;text-align:center;color:#f9f4ee;}

    .page-footer li:hover {background:#000;}

    .page-footer li a i{font-size: 24px;color: #f9f4ee;display: block;margin-bottom: -10px;}

    #page-footer.five ul li {width:20%!important;}

    .top {line-height:50px;font-size: 36px;color: #f9f4ee;}

    .top_li {display:none;}

    .five .top_li {display:block;}

    /*底部导航*/

/*页面底部*/







/*内页*/

.page_title {width:100%;text-align:center;margin-top: 40px;}

.page_title i {display:none;width: 57px;margin:20px auto;height: 2px;background: #0077d1;}

.page_des {margin-top: 20px;color:#666;padding-bottom:15px;
    font-size: 14px;border-bottom: 1px solid #eee;}

.page_content {padding:20px;font-size: 16px;line-height: 3rem;}

.page_content img {max-width:100%!important;border: 1px solid #f5f5f5;}

.page_content .p_tit {background-size: 45px;line-height: 50px;}
.pro_type {padding-bottom:15px;}
.pro_type a {
    font-size:14px;
    display: inline-block;
    padding: 0 20px;
    width: 22%;
    margin: 5px 1.5%;
    line-height: 35px;
    background:rgba(0, 119, 209,1);color:#fff;
}
.pro_type a:hover {background: #ffc925;}


.page_contact ul li {text-align:left;padding: 15px;background: #fff;margin: 0 0 10px 0;font-size: 1.7rem;font-weight: bold;}

.page_contact ul li i {background-color:#0077d1;width:40px;height:40px;line-height:40px;color:#fff;border-radius:50%;margin-right: 15px;text-align: center;}

/*.msg_content {height:305px!important;}*/

.info_con {background-color: #0077d1;padding: 10px;color: #fff;font-weight: bold;margin:15px 0;}

.prev_next {margin-top:20px;}

.prev_page {padding-left: 0;}

.next_page {padding-right: 0;}

.prev_page:hover, .next_page:hover {}

.prev_page span,.next_page span {border:1px solid #eee;background-color:#fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:100%;height:100%;padding:20px;}

.prev_page span:hover, .next_page span:hover {background:#0077d1;color:#fff;} 

.prev_page span a,.next_page span a {display:inline-block;width:100%;height:100%;}



.news_list li {margin-top:10px;}

.news_list li a {border-bottom: 1px dashed #ccc/*#0077d1*/;transition: all 0.3s;height: 170px;background: #fff;display:block;}

.news_list li a:hover {border-bottom:none;background: #fff;box-shadow: 0 5px 5px #ccc;transform: translateY(-10px);}

.news_list_img {height: 160px; overflow: hidden;padding: 10px;text-align: center;}

.news_list_img img {height: 160px;}

.news_list_txt {position:relative;height: 160px;overflow: hidden;padding: 0 20px !important;}

.news_list_txt .t1{font-size: 1.8rem;font-weight: bold;line-height: 20px;height:20px;overflow:hidden;margin-top:20px;width: 100%;color: #000;}

.news_list_txt .t2{overflow: hidden;margin: 5px 0;height: 50px;font-size: 1.6rem;line-height: 25px;color: #666;}

.news_list_txt .t3 {font-size: 1.3rem;line-height: 30px;}



.product_list li {margin-bottom: 20px;}
.product_list_img {border:2px solid #eee;border-bottom:0px;width: 100%;box-sizing: border-box;position: relative;overflow: hidden;}
.product_list_img img {width: 100%;transition:all 0.4s;}
.product_list_tit {background: rgba(0, 119, 209,1);
    white-space: nowrap;color: #fff;padding: 3%;padding-left:5px;padding-right:5px;width: 100%;}
.product_list li a:hover img {transform: scale(1.05);transition:all 0.4s;}
.product_list li:hover .product_list_tit {background:#ffc925;}
.product_list li:hover .product_list_img {border-color:#ffc925;}

.sy {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;

background: url(../Image/sy.png) center no-repeat;background-size: 100%;z-index: 99;}

.company {line-height:36px;font-size:16px;text-indent: 2rem;text-align:justify;}

.company_content {margin-top:30px;}

.company_content img {max-width:100%!important;}

/*内页*/





@media (min-width:1260px) {

    /*----内页---*/

    .container {width:1200px;}

    /*----内页---*/

    .in01_r_con p {height:245px;}

}/*内容区宽度*/

@media (min-width:979px) and (max-width:1200px) {

    #logo {font-size:32px;}

    .index-01 {top: -97px;}

}

@media (max-width:1200px) {

    .in_banner {height: 510px;}

    .page_tag {display: none;}

    .menu li {width:11%;}

}

@media (min-width:978px) {

	#logo {width:40%!important;}

	.menu {width:60%!important;}

}

@media (max-width:978px) {

    #top_tel {right: 80px;top:25%;}
}

@media (min-width:768px) {}

@media (min-width:768px) and (max-width:978px) {

    /*----内页---*/

    #m_menu li a {line-height: 60px;}

    .in_banner {height: 550px;padding-top: 100px;}

    /*----内页---*/

    #logo {color:#000;font-size:28px;padding-top:20px;

    text-align: center;}

    #top_tel b {color:#000;}

    #header {border:0;}

    .m_menu {color:#000;top:0;}

    .imgDiv {height:150px!important;}

    .index-01 {top: -82px;}

    .in01_msg {margin-top:50px!important;}

    .in03_right {padding:0;}

    .footer .content>a {margin-right: 20px;}

    .in01_right>div {

    margin-top: 40px;

    margin-bottom: 70px;}

    .demo1 {padding-top:110px!important;}

}



@media (max-width:767px) {
    .page_des {font-size: 14px;}
.big {font-size: 2.5rem;}
.menu {float:unset;font-size:1.5rem;padding:0;text-align:left;}

.menu li {float: left;background:#0077d1;height:40px;width:25%;line-height: 40px;color:#fff;text-align:center;}

.menu li a {display:block;height:40px;}

.menu li a:hover {color:#fff;background:#ffc925;border:0;}

.menu li.active {color:#fff;background:#ffc925;border:0;}
    /*----内页---*/

    .max-width-600 {width:100%!important;}

    .news_list li {padding:0;}

    .prev_page , .next_page {padding:0;}

    .prev_page {margin-bottom:10px;}

    .in_banner {height: 80px;}

    .page_tag {display: block;left:15px;color:#fff;transform:translate(0,0);}
    .title b {font-size:20px;}
    .in01_r_con b {font-size:20px}
	.index-02 b {font-size:20px;margin: 15px 0;display: block;}
	.in02_protype li div{font-size:12px;}
	.in02_l_tit {font-size:14px;}
	.index_03 b {font-size: 30px;}
	.index_03 p {font-size:14px;}
	.index_03 li {font-size:14px;    line-height: 35px;
    white-space: unset;}
    .page_content iframe {width:100%!important;}/*限制视频宽度*/
.pro_type a {
    font-size: 12px;
    padding: 0 5px;
    margin: 0px;
    line-height: 25px;    
    border: 4px solid #fff;
    width: 50%;
    text-align: center;}
.product_list_img {border:0;}
.in04_img {height:106px;}
.in02_protype li {padding: 5px;}
    .bdshare-slide-button {display:none!important;}/*分享按钮隐藏*/

    #logo {margin-bottom: 20px;background-size: 0%;color:#000;font-size:24px;padding-top:20px;padding-left:15px;}

    #m_menu #logo {text-align: center;font-size: 28px;padding-top:30px;white-space: nowrap;}

    .m_menu {color:#000;top:0;}

    /*----内页---*/

    #header {border:0;position:unset;}

    .footer {padding-top: 95px;padding-bottom:10px;}

    .banner_bg {background:url(../Image/m_in_banner.jpg) no-repeat;background-size: 100%;}

    .footer .content>a {display:none;}

    .index-01 {top: -87px;    padding-top: 100px;}

    .in01_msg {margin-top:20px!important;}

    .in01_right {margin-top: 70px;}

    .index_03 {background:unset;}
	.in03_right img {display: none;}

    .index-02 .swiper-slide div {border:0;}
    .index-02 {padding:15px;min-height: 700px;margin-top: -120px;}
    .footer .footer_msg{padding-top:0;}
}

.info-back {float:left;line-height:60px;}
.info-back a {border-radius: 15px;text-align:center;overflow:hidden;background:#888;color:#fff;padding:5px 20px;}
.share_to {float:left;line-height:60px;padding-left:15px;}
.share_to li{display: inline-block;line-height: 30px;}
.share_to li a {font-size:22px;background:#1493d0;display: inline-block;vertical-align: middle;margin: 0 10px 0 0;color: #FFF;border-radius: 50%;text-align: center;line-height: 30px;width: 30px;height: 30px;overflow: hidden;}
.share_to li:nth-child(2n) a {background:#f40;}
.share_to li:last-child a {background:#3dc464;}
.bd_weixin_popup_foot:after {content:'　';display:block;clear:both;}